<%@ page contentType="text/html; charset=utf-8" %>
<%@ page language="java" pageEncoding="utf-8"%>

<%@ include file="header.jsp" %>
<body>

<div id="message_odebrane" data-role="page" data-rockncoder-jspage="manageBarChart" data-theme="a">  
	 
	 <header data-role="header" data-position="fixed">
    	<a href="userLogin.action" data-theme="a" data-icon="home">Strona główna</a>
      	<h1>Odebrane</h1>
    </header>
    
    <section data-role="content">
   		 <!-- Default text in popup -->
	   		<div data-role="popup" id="popupWynikStyle" class="popupWynik"><p id="wynikTekst">Przepraszamy wystąpił błąd.</p></div>
		    
		    
		    <!-- Main page -->
		    <div>
				<ul data-role="listview" id="odebraneWiadomosci" data-theme="a">
				</ul>
		    </div>
		    
			<script>
				onload=wyniki();
				result = new Array();
				
				function wiadomoscOpen(x){
					$("p#wiadomoscOdOdebrane").html("<h3>Wiadomość od: </h3>" + result[x]['autorNazwa']);
					$("p#wiadomoscTXTOdebrane").html("<h3>Treść: </h3>" + result[x]['tresc']);
			       	$("p#wiadomoscTematOdebrane").html("<h3>Temat: </h3>" + result[x]['temat']);
			       	$("p#wiadomoscDataOdebrane").html("<h3>Data: </h3>" + result[x]['data']);
			       	$("#lnkDialogOdebrane").click();
				}
				
				function wyniki(){
					 $.ajax(
							   {
							      type: "POST",
							      dataType: "json",
							      url: "message!listOdebrane.action",
							      success: function( response ) 
							      { 
							    	  result = new Array();
							    	  if(response.length == 0){
								        	$("p#wynikTekst").text("Brak wiadomości");
								       		$("div.popupWynik").popup( "open", { overlayTheme: "a" } );
							    	  }else{
							    		  for (x=0; x<response.length; x++) {
								    		  result[x] = new Array();
								    		  result[x]['id'] = response[x].id;
								    		  result[x]['temat'] = response[x].temat;
								    		  result[x]['tresc'] = response[x].tresc;
								    		  result[x]['autorNazwa'] = response[x].autorNazwa;
								    		  result[x]['rodzajAutora'] = response[x].rodzajAutora;
								    		  result[x]['status'] = response[x].status;
								    		  result[x]['data'] = response[x].data;
								    	  }
							    		   
							    		  for(var i = 0; i < result.length; i++){
							    			  $("#odebraneWiadomosci").append('<li><a href="#" onclick="wiadomoscOpen(' + i + ')"><p>'+ result[i]["data"] +'</p><p><h3><strong>'+ result[i]["autorNazwa"] +'</strong></h3></p><p><h3>'+ result[i]["temat"] +'</h3></p></a></li>');
							    		  }
							    		  
							    		  $('#odebraneWiadomosci').listview('refresh');
							    	  }
							      }
							   } );
					
				 }
				
			</script>
    </section>
    
</div>

	    <!-- Dialog for messages -->
	    <a id='lnkDialogOdebrane' href="#popupWiadomoscOdebrane" data-rel="dialog" data-transition="pop" style='display:none;'></a>
	    
	    <div data-role="dialog" id="popupWiadomoscOdebrane">
	
			<div data-role="header" data-theme="d">
				<h1>Wiadomość</h1>
			</div>
	
			<div data-role="content" data-theme="c">
				<p id="wiadomoscOdOdebrane"></p>
				
				<p id="wiadomoscTematOdebrane"></p>
				
				<p id="wiadomoscTXTOdebrane">Przepraszamy wystąpił błąd.</p>
				
				<p id="wiadomoscDataOdebrane"></p>
				<a href="#" data-role="button" data-rel="back" data-theme="c">Back</a>    
			</div>
		</div>

</body>
</html>